<template>
	<view class="scroll-mole" :style="{
		height: props.height + 'px'
	}">
		<view class="iconfont">&#xe607;</view>
		<view class="more">查看更多</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		height: {
			type: Number,
			default: 230
		}
	})
</script>


<style scoped lang="scss">
	.scroll-mole {
		width: 100px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		font-size: 20px;
		color: #999;

		.iconfont {
			font-size: 32px;
			color: #000;
			margin-bottom: 20px;
		}

		.more {
			width: 30px;
			font-size: 12px;
			text-align: center;
			color: #000;
		}
	}
</style>